<html>
<head>
	<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" charset = "utf-8">
</head>
<link rel="stylesheet" type="text/css" href="plugin/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="libs/css/personal.css">

<!-- js -->
<script type="text/javascript" src="libs/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="plugin/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="libs/js/personal.js"></script>
<body>
	<!-- head -->
	<div class="head">
		<span class="glyphicon glyphicon-chevron-left back"></span>个人中心
		<span id="ex_listMenu" class="glyphicon glyphicon-list"> </span>
	</div>
	
	<!-- 弹出列表 -->
	<div id="listMenu">
		<span class="glyphicon glyphicon-play"></span>
		<ul>
			<li><a href="index.html">首页</a></li>
			<li><a href="classify.html">分类查询</a></li>
			<li><a href="shop_cart.html">购物车</a></li>
			<li><a href="login.html">重新登录</a></li>
		</ul>
	</div>

	<!-- content -->
	<div class="content">
		<div class="user">
			<a href="login.html">
			<div class="head_img"><img src="images/n1.jpg"></div>
			<div id="user_message" >
				<p id="username">110</p>
				<p id="men_cart"><img src="images/n1.jpg">普通会员</p>
			</div>
			<span class="glyphicon glyphicon-chevron-right"></span></a>
		</div>
		<div class="user_momey">
			<div class="col-xs-3"><p>100<p/><p>待付款</p></div>
			<div class="col-xs-3"><p>100<p/><p>未发货</p></div>
			<div class="col-xs-3"><p>100<p/><p>待收货</p></div>
			<div class="col-xs-3"><p>100<p/><p>退货</p></div>
		</div>
		<div class="menber">
			<ul class="list-group">
			    <li class="list-group-item">
			    	<span class="glyphicon glyphicon-user"></span>一级会员
			    	<span class="badge pull-right">3</span>
			    	<span class="glyphicon glyphicon-chevron-right pull-right"></span>
			    </li>
			    <li class="list-group-item">
			    	<span class="glyphicon glyphicon-user"></span>二级会员
			    	<span class="badge pull-right">3</span>
			    	<span class="glyphicon glyphicon-chevron-right pull-right"></span>
			    </li>
			    <li class="list-group-item">
			    	<span class="glyphicon glyphicon-user"></span>三级会员
			    	<span class="badge pull-right">3</span>
			    	<span class="glyphicon glyphicon-chevron-right pull-right"></span>
			    </li>
			</ul>
		</div>
		<div class="my_order">
			<ul class="list-group">
			    <li class="list-group-item">
			    	<span class="glyphicon glyphicon-user"></span>我的订单
			    	<mark class="glyphicon glyphicon-chevron-right pull-right"></mark>
			    </li>
			    <li class="list-group-item">
			    	<span class="glyphicon glyphicon-user"></span>升级为玩家
			    	<mark class="glyphicon glyphicon-chevron-right pull-right"></mark>
			    </li>
			    <li class="list-group-item">
			    	<span class="glyphicon glyphicon-user"></span>完善资料
			    	<mark class="glyphicon glyphicon-chevron-right pull-right"></mark>
			    </li>
			</ul>
		</div>
	</div>

	<!-- nav -->
	<div class="nav"></div>
</body>
</html>